import { createVNode,render } from "vue";
//导入组件
import XtxMessage from './xtx-message.vue'

//创建dom 用于装载组件结构
const div = document.createElement('div')
div.setAttribute('class','xtx-message-container')
document.body.appendChild(div)

//定时器 一段时间后 销毁message 组件
let timer = null

//向外暴露 函数
export default ({type,text}) => {
    // 创建vnode  将vue 模板结构创建成 vnode
    const vnode = createVNode(XtxMessage,{type,text})
    //将 vnode 渲染到 div 结构中
    render(vnode,div)
    clearTimeout(timer)
    timer = setTimeout(() => {
        render(null,div)
    }, 3200);
}
